<template>
	<view class="container">
		<view class="logo-box flex flex-center">
			<image class="logo" src="/static/ic_logo.png" mode=""></image>
		</view>
		<view class="user-list flex-column">
			<view class="user-item flex flex-sb" v-for="(item,index) in userList" :key="index"
				@click="goDetails(item.path)">
				<view class="user-left flex flex-center">
					<text>{{item.text}}</text>
				</view>
				<view class="user-right">
					<u-icon name="arrow-right" color="#D8D8D8" size="16"></u-icon>
				</view>
			</view>
		</view>
		<text class="kefu flex flex-center">客服电话：400 820 0888</text>
		<view class="footer">
			<text>《软件许可及服务协议》、《隐私保护指引摘要》</text>
			<text>鲜泉技术 版权所有</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userList: [{
						text: '功能介绍',
						path: ''
					},
					{
						text: '检测更新',
						path: ''
					},
					{
						text: '服务协议',
						path: ''
					},
					{
						text: '投诉建议',
						path: ''
					},
					{
						text: '资质证书',
						path: ''
					}
				]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	page {
		background-color: #f5f5f5;
	}
	.logo-box{
		width: 100%;
		height: 480rpx;
		.logo{
			width: 160rpx;
			height: 160rpx;
		}
	}
	.user-list {
		width: 100%;
		background-color: #ffffff;
		border-radius: 16rpx;
		margin-bottom: 24rpx;
		overflow: hidden;

		.user-item {
			width: 100%;
			height: 96rpx;
			padding: 0 32rpx;

			.user-left {
				image {
					width: 40rpx;
					height: 40rpx;
				}

				text {
					font-size: 32rpx;
					line-height: 48rpx;
					color: #262626;
					margin-left: 16rpx;
				}
			}
		}
	}
	.kefu{
		font-size: 24rpx;
		line-height: 36rpx;
		color: rgba(0, 0, 0, .65);
	}
	.footer{
		width: 100%;
		position: fixed;
		bottom: 60rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 20rpx;
		color: rgba(0, 0, 0, .45);
		line-height: 24rpx;
		text{
			margin-bottom: 8rpx;
		}
	}
</style>
